<template>
	
	<uni-nav-bar left-icon="left"  backgroundColor="#3c96f3" :border="false" color="#fff" @clickLeft="back">
		<view class="my-title">
			{{title}}
		</view>
		<view slot="right">
			<slot name="right"></slot> 
		</view>
	</uni-nav-bar>
	
</template>

<script>
	export default {
		props: {
			title: {
				type: String,
				default: ""
			}
		},
		methods: {
			back() {
				history.back()
			}
		}
	}
</script>

<style scoped>
	.my-title{
		    display: flex;
		    flex: 1;
			font-weight: 700;
		    flex-direction: row;
		    align-items: center;
		    justify-content: center;
		    font-size: 32rpx;
		    overflow: hidden;
	}
</style>